import React from "react";
import "./GoToSleep.css";
import { NavBar } from "@nutui/nutui-react";
import { ArrowLeft } from "@nutui/icons-react";
import { useNavigate } from "react-router-dom";
export default function gotosleep() {
  let Navigate = useNavigate();
  return (
    <div id="GoToSleep" className="animate__animated animate__fadeInDown">
      {/* head */}
      <div id="GoToSleepHead">
        <NavBar
          back={<ArrowLeft />}
          onBackClick={() => {
            Navigate("/sleep");
          }}
          style={{ background: "#2A6049", color: "white", height: "100%" }}
        >
          <p style={{ color: "white" }}>睡眠</p>
        </NavBar>
      </div>
      <div>赶紧睡觉</div>
    </div>
  );
}
